<!DOCTYPE html>
<html lang="zh-CN">
<head>
    {{! Document Settings }}
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    {{! Page Meta }}
    <title>{{meta_title}}</title>
    <meta name="description" content="{{meta_description}}" />

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="shortcut icon" href="{{asset "favicon.ico"}}">

    {{! Styles'n'Scripts }}
    <link rel="stylesheet" type="text/css" href="{{asset "css/style.css"}}" />
    <link rel="stylesheet" type="text/css" href="{{asset "fancybox/jquery.fancybox.css"}}" />
    {{! Ghost outputs important style and meta data with this tag }}
    {{ghost_head}}
</head>
<body class="{{body_class}}">

    {{! navigation}}
    <div id="container">
        <div class="left-col">
            <div class="overlay"></div>
            <div class="intrude-less">
                <header id="header" class="inner">
                    <a href="/" class="profilepic">
                        <img lazy-src="/assets/blogImg/litten.png" class="js-avatar">
                    </a>
                    <hgroup>
                        <h1 class="header-author"><a href="/">{{@blog.title}}</a></h1>
                    </hgroup>
                    <p class="header-subtitle">热爱大海与冷笑话</p>
                    <div class="switch-btn">
                        <div class="icon">
                            <div class="icon-ctn">
                                <div class="icon-wrap icon-house" data-idx="0">
                                    <div class="birdhouse"></div>
                                    <div class="birdhouse_holes"></div>
                                </div>
                                <div class="icon-wrap icon-ribbon hide" data-idx="1">
                                    <div class="ribbon"></div>
                                </div>
                                <div class="icon-wrap icon-me hide" data-idx="3">
                                    <div class="user"></div>
                                    <div class="shoulder"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tips-box hide">
                            <div class="tips-arrow"></div>
                            <ul class="tips-inner">
                                <li>菜单</li>
                                <li>标签</li>
                                <li>关于我</li>
                            </ul>
                        </div>
                    </div>
                    <div class="switch-area">
                        <div class="switch-wrap">
                            <section class="switch-part switch-part1">
                                <nav class="header-menu">
                                    <ul>
                                        <li><a href="/">主页</a></li>
                                        <li><a href="/archives">所有文章</a></li>
                                        <li><a href="/tags/随笔">随笔</a></li>
                                        <li><a href="/instagram">相册</a></li>
                                    </ul>
                                </nav>
                                <nav class="header-nav">
                                    <div class="social">
                                        <a class="github" target="_blank" href="https://github.com/litten" title="github">github</a>
                                        <a class="weibo" target="_blank" href="http://weibo.com/litten225" title="weibo">weibo</a>
                                        <a class="rss" target="_blank" href="/atom.xml" title="rss">rss</a>
                                    </div>
                                </nav>
                            </section>
                            <section class="switch-part switch-part2">
                                <div class="widget tagcloud" id="js-tagcloud">
                                    <a href="/tags/chrome/" style="font-size: 10px;">chrome</a> <a href="/tags/coffeescript/" style="font-size: 12px;">coffeescript</a> <a href="/tags/css/" style="font-size: 14px;">css</a> <a href="/tags/css3/" style="font-size: 12px;">css3</a> <a href="/tags/github/" style="font-size: 10px;">github</a> <a href="/tags/hexo/" style="font-size: 12px;">hexo</a> <a href="/tags/html5/" style="font-size: 16px;">html5</a> <a href="/tags/js/" style="font-size: 18px;">js</a> <a href="/tags/octopress/" style="font-size: 12px;">octopress</a> <a href="/tags/web/" style="font-size: 18px;">web</a> <a href="/tags/主题/" style="font-size: 14px;">主题</a> <a href="/tags/产品/" style="font-size: 12px;">产品</a> <a href="/tags/前端/" style="font-size: 12px;">前端</a> <a href="/tags/安全/" style="font-size: 10px;">安全</a> <a href="/tags/工具/" style="font-size: 12px;">工具</a> <a href="/tags/性能/" style="font-size: 10px;">性能</a> <a href="/tags/杂谈/" style="font-size: 12px;">杂谈</a> <a href="/tags/模式/" style="font-size: 10px;">模式</a> <a href="/tags/浏览器/" style="font-size: 12px;">浏览器</a> <a href="/tags/游戏/" style="font-size: 10px;">游戏</a> <a href="/tags/生活/" style="font-size: 16px;">生活</a> <a href="/tags/经验/" style="font-size: 10px;">经验</a> <a href="/tags/药别停/" style="font-size: 12px;">药别停</a> <a href="/tags/设计/" style="font-size: 12px;">设计</a> <a href="/tags/随笔/" style="font-size: 20px;">随笔</a> <a href="/tags/黑科技/" style="font-size: 10px;">黑科技</a>
                                </div>
                            </section>
                            <section class="switch-part switch-part3">
                                <div id="js-aboutme">华中科技大学09级，就职于腾讯SNG。擅长各项前端技能，深入研究移动端开发与前端性能。视觉设计爱好者。</div>
                            </section>
                        </div>
                    </div>
                </header>
            </div>
        </div>
        <div class="mid-col">
            <nav id="mobile-nav">
                <div class="overlay">
                    <div class="slider-trigger"></div>
                    <h1 class="header-author js-mobile-header hide">{{@blog.title}}</h1>
                </div>
                <div class="intrude-less">
                    <header id="header" class="inner">
                        <div class="profilepic">
                            <img lazy-src="/assets/blogImg/litten.png" class="js-avatar">
                        </div>
                        <hgroup>
                            <h1 class="header-author">{{@blog.title}}</h1>
                        </hgroup>
                        <p class="header-subtitle">热爱大海与冷笑话的黎小腾君</p>
                        <nav class="header-menu">
                            <ul>
                                <li><a href="/">主页</a></li>
                                <li><a href="/archives">所有文章</a></li>
                                <li><a href="/tags/随笔">随笔</a></li>
                                <li><a href="/instagram">相册</a></li>
                                <div class="clearfix"></div>
                            </ul>
                        </nav>
                        <nav class="header-nav">
                            <div class="social">
                                <a class="github" target="_blank" href="https://github.com/litten" title="github">github</a>
                                <a class="weibo" target="_blank" href="http://weibo.com/litten225" title="weibo">weibo</a>
                                <a class="rss" target="_blank" href="/atom.xml" title="rss">rss</a>
                            </div>
                        </nav>
                    </header>
                </div>
            </nav>

        {{! Everything else gets inserted here }}
        {{{body}}}

        <footer id="footer">
            <div class="outer">
                <div id="footer-info">
                    <div class="footer-left">
                        &copy; 2015 {{@blog.title}}
                    </div>
                    <div class="footer-right">
                        Proudly published with <a href="https://ghost.org">Ghost</a> &amp; <a href="http://www.ghostchina.com">GhostChina</a> <a href="https://github.com/litten/hexo-theme-yilia" target="_blank">Yilia</a> by Litten
                    </div>
                </div>
            </div>
        </footer>

    </div>

    {{! Ghost outputs important scripts and data with this tag }}
    {{ghost_foot}}


    {{! The main JavaScript file for Casper }}
    <script>
    var yiliaConfig = {
            fancybox: true,
            mathjax: undefined,
            animate: true,
            isHome: true,
            isPost: false,
            isArchive: false,
            isTag: false,
            isCategory: false,
            open_in_new: false
        }


    </script>
    <script src="{{asset "js/require-2.1.6,jquery-1.9.1.min.js"}}"></script>
    <script src="{{asset "js/main.js"}}"></script>

</body>
</html>
